<%--
    Document   : formPerfil
    Created on : 06-jun-2011, 9:29:20
    Author     : Administrador
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Crear Perfil</title>
        <link rel="stylesheet" type="text/css" href="css/styles.css" />
        <link rel="stylesheet" type="text/css" href="css/menu.css" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
        <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
        <script type="text/javascript" src="js/script.js"></script>
    </head>
    <body>
        <form action="controller.jsp" method="POST">
            <div class="headerCrearPerfil">
            <br>
            <h1></h1>
            <br>
            <div id="hmain">
            <p>Rango del Perfil</p>
            <p>Por ejemplo: ni activo ni reflexivo, reflexivo, activo</p>
            
            <!-- asi lo puse yo ahora la de padilla
            <input type="text" name="rango3">Rango de valores con menos interacciones<br/>
            <input type="text" name="rango2">Rango de valores con interacciones medias<br/>
            <input type="text" name="rango1">Rango de valores con interacciones máximas<br/>
            !-->

            <input type="text" name="rango1">Rango de valores con menos interacciones<br/>
            <input type="text" name="rango2">Rango de valores con interacciones medias<br/>
            <input type="text" name="rango3">Rango de valores con interacciones máximas<br/>

            <p>Elige los registro que lo componen</p>
            <select multiple name="registros">
                <option value="0">0-Paginas vistas</option>
                <option value="1">1-Paginas únicas vistas</option>
                <option value="2">2-Registros unicos</option>
                <option value="3">3-Intentos de encuesta</option>
                <option value="4">4-Uso del foro</option>
                <option value="5">5-Valoración de secuencias</option>
                <option value="6">6-Uso de archivos multimedia</option>
                <option value="7">7-Entradas en el glosario</option>
                <option value="8">8-Calificaciones en el glosario</option>
                <option value="9">9-Actualizaciones en el glosario</option>
                <option value="10">10-Comentarios en el glosario</option>
                <option value="11">11-Uso del chat</option>
                <option value="12">12-Uso de las wikis</option>
            </select>
            <br/>
            </div>
            <div class="scroll"></div>
            <br>
            <input type="image" name="aceptar" value="lanzar filtro" src="img/intro/accept_grey.png" />
            <input type="image" name="inicio" value="inicio" src="img/intro/volver.png" />
        </form>

        <ul id="navigation">
            <li class="home"><a href="controller.jsp?inicio" name="inicio" title="Inicio"></a></li>
            <li class="pDefecto"><a href="controller.jsp?perfilesDefecto" name="perfilesDefecto" title="Perfiles defecto"></a></li>
            <li class="cPerfil"><a href="controller.jsp?crearPerfil" name="crearPerfil" title="Crear perfil"></a></li>
            <li class="leyendaRegistros"><a href="controller.jsp?leyendaRegistros" name="leyendaRegistros" title="Leyenda registros"></a></li>
            <li class="lanzarJakin"><a href="controller.jsp?lanzarJakin" name="lanzarJakin" title="Lanzar Jakin"></a></li>
        </ul>


        <script type="text/javascript">
            $(function() {
                $('#navigation a').stop().animate({'marginLeft':'-85px'},1000);

                $('#navigation > li').hover(
                    function () {
                        $('a',$(this)).stop().animate({'marginLeft':'-2px'},200);
                    },
                    function () {
                        $('a',$(this)).stop().animate({'marginLeft':'-85px'},200);
                    }
                );
            });
        </script>
        </div>
    </body>
</html>
